<template>
    <div class="demo">
        <!-- 
            vscode无法使用cnpm解决方法:
                1.使用管理员模式运行vscode
                2.在终端中运行get-ExecutionPolicy,显示为Restricted
                3.此时运行set-ExecutionPolicy RemoteSigned
                4.此时再执行get-ExecutionPolicy，显示RemoteSigned，则表示状态解禁，可以运行

            npm view webpack versions 查看webpack版本
            npm view less-loader versions 查看less-loader版本
            npm install less-loader@7 安装7版本的less-loader
            
            
            scoped样式
            作用:让样式在局部生效，防止冲突
            写法: <style scoped>

         -->
        <h2 >学校名称:{{name}}</h2>
        <h2>学校地址:{{address}}</h2>
    </div>
</template>
<script>
export default {
    name: 'StuSchool',
    data () {
        return {
            name: 'wqewqe',
            address: 'zxcxzcx'
        }
    }
}
</script>
<style lang="less" scoped>
    .demo {
        background-color: orange;
        h2 {
            color: red;
        }
    }
</style>